html,body{
    width: 100%;
    height: 100%;
    background-color: #f7f7f7;
    overflow: hidden;
}


header{
    height: 50px;
    background-color: #fff;
    margin-bottom: 60px;
}

.logo{
    float: left;
    margin-right: 196px;
}

.phone{
    float: right;
    margin-right: 352px;
    margin-top: 14px;
}

.lis{
    float: left;
    margin: 15px 5px;
}

.lis a{
    color: #8d8d8d;
}

.registerbox{
    width: 860px;
    height: 564px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -430px;
    
}

.registerbox h2{
    text-align: center;
    font-size: 30px;
    padding-top: 50px;
    margin-bottom: 40px;
}

.infbox{
    width: 340px;
    margin-bottom: 12px;
    height: 40px;
    margin-left: 260px;
    text-indent: 20px;
    border: 1px solid #e3e3e3;
    font-size: 16px;
 }

 .sex{
     margin-top: 10px;
     color: #757575;
 }

 .sex input{
     margin: 0px 5px;
 }
 
 
 .registerbox button{
     width: 340px;
     height: 50px;
     background-color: #ef3229;
     margin-left: 260px;
     text-align: center;
     color: #fff;
     margin-bottom: 10px;
     border: none;
     cursor: pointer;
 }

 .agreementInfo{
    margin-left: 260px;
    font-size: 12px;
    color: #757575; 
 }

 .agreementInfo a{
    font-size: 13px;
    font-weight: bold;
 }
 
 .line{
     width: 340px;
     height: 20px;
     margin-left: 262px;
     border-bottom: 1px solid #e0e0e0;
     margin-bottom: 10px;
 }

 .go_login{
    margin-left: 260px;
    font-size: 12px;
    color: #757575;    
 }

 .go_login a{
    font-size: 13px;
    font-weight: bold; 
 }

 